.process{
    height:'35px';
    width:'100%';
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    user-select: none;
    .text{
        position: relative;
        font-size: 20px;
        // padding: 10px 0 ;
        font-size: 20px;
        white-space: nowrap; 
        overflow: hidden;
        width: 100%;
        text-align: left;
        padding: 5px 0px;
    }
    .total{
        width: 100%;
        height: 10px;
        background-color: rgb(204, 204, 204);
        border-radius: 10px;
        position: relative;
        z-index: 900;
        user-select: none;
        cursor: pointer;
        .current{
            background-color: rgb(168, 0, 0);
            height: 100%;
            width: 1%;
            transition: width ease 0.1s;
            border-radius: 10px 0 0 10px;
        }
        .flag{
            width: 20px;
            height: 20px;
            position: absolute;
            border-radius: 20px;
            background-color: rgb(109, 109, 109);
            left: 0;
            top: -5px;
            transition: left ease 0.1s;
            cursor: pointer;
        }
    }

}
